<!DOCTYPE html>
<html lang="en"
	xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"    
    xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
    <meta charset="utf-8" />
   	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<meta name="description" content=""/>
	<meta name="author" content=""/>
	<title>Imotech - Mostrar imovel</title>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap-theme.min.css"/>
	<link rel="stylesheet" type="text/css" href="../css/jquery-ui-1.10.4.custom.min.css"/>
	<link rel="stylesheet" type="text/css" href="../css/imotech.css"/>
	
	<script type="text/javascript" src="../js/jquery-2.0.2.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/jquery-ui-1.10.4.custom.min.js"></script>
  </head>

  <body>

<f:view>

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container">
	<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="/imotech-web/index.html">Imotech</a>
		</div>
	
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	
			<ul class="nav navbar-nav">
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">Imoveis <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="/imotech-web/faces/imoveis/cadastrar.jsp">Cadastrar Imovel</a></li>
						<li><a href="/imotech-web/faces/imoveis/todos.xhtml">Buscar Imovel</a></li>
						<li><a href="/imotech-web/faces/venda/selecionarImovel.xhtml">Vender</a></li>
						<li><a href="/imotech-web/faces/aluguel/selecionarImovel.xhtml">Alugar</a></li>
					</ul>
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">Administrativo <b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a href="/imotech-web/faces/funcionario/cadastrar.jsp">Cadastrar Funcionario</a></li>
						<li><a href="/imotech-web/faces/funcionario/todos.jsp">Listar Funcionarios</a></li>
						<li><a href="/imotech-web/faces/cliente/cadastrar.jsp">Cadastrar Cliente</a></li>
						<li><a href="/imotech-web/faces/cliente/todos.jsp">Listar Clientes</a></li>
					</ul>
				</li>
				<li><a href="/imotech-web/faces/agendamento/cadastrar.jsp">Agendamento</a></li>
				<li><a href="/imotech-web/faces/site/contato.jsp">Entre em Contato</a></li>
			</ul>
		</div><!-- /.navbar-collapse -->
	</div><!-- /.container -->
</nav>
    
    <div class="container">

      <!-- Main jumbotron for a primary marketing message or call to action -->
      <div class="jumbotron">
        <h1>Imotech</h1>
        <p>Controle sua imobiliária.</p>
      </div>

      <div class="page-header">
        <h1>Imóvel #{imovel.titulo}</h1>
      </div>
      
      <div>
      	<p>#{imovel.descricao}</p>
      	<p>Valor: #{imovel.valor}</p>
      </div>
    </div>
    



    <h:form>
	    <h:commandLink action="#{agendamentoMB.agendarImovel(imovel.id)}">
			<h:outputText value="Fazer agendamento" styleClass="btn btn-warning"></h:outputText>
		</h:commandLink>
    </h:form>


    
	</f:view>
	</body>
</html>
